<template>
    <div class="bg">
        <Banner></Banner>
    </div>
</template>
  
<script lang="ts" setup>
import Banner from '../Banner/Banner.vue';

</script>
  
<style scoped>
.demonstration {
    color: var(--el-text-color-secondary);
}

.el-carousel__item h3 {
    color: #475669;
    opacity: 0.75;
    line-height: 150px;
    margin: 0;
    text-align: center;
}

.el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n + 1) {
    background-color: #d3dce6;
}

/* 轮播图背景 */
.bg {
    background-image: url('@/assets/background/background2.png');
    background-repeat: no-repeat;
    background-size: 100%;

}
</style>